@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th {
	padding: 0;
	margin: 0;
	border: 0;
	font-weight: normal;
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
}

ol, ul {
	list-style: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
input,select{
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
}
i {
    font-style: normal;
}
a {
	blr:expression(this.onFocus=this.blur());
}
a:focus {
	outline: none;
}
a.hidefocus {
	outline: none
}
.fl {
	float: left;
}
.fr {
	float: right;
}
input[type=text],input[type=submit], input[type=button] {
	-webkit-appearance: none; /*去除iPhone input默认样式}*/
}
input{
	outline: none
}
.clearfix:after {
	display: block;
	content: "";
	clear: both;
	height: 0;
	overflow: hidden;

}
.clearfix{
	zoom: 1;
}
img {
	width: 100%;
	display: block;
}
body {
	min-width: 320px;
	max-width: 2000px;
	position: relative;
	background-size: 100%;
	background: url(@/assets/images/bj1.png) no-repeat center center #141a20;
	background-size: 100% 100%;
	height: 100vh;
}
.clear{ 
	clear:both;
}

@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体";color:#898989;line-height:1; }
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}

.jnsb{ position: relative;}
.jnsb_left{width: 2.15rem;float: left; background: #10181f;position: relative;padding-bottom: .5rem;}
.hynr{text-align: center; padding: .72rem 0 .58rem;}
.hynr img{margin: 0 auto; width: 1.55rem;height: 1.55rem;border-radius: 50%;}
.hynr p{font-size: .18rem;text-align: center; color: #fff; margin-top: .18rem;}
.nav{padding-left: .3rem;}
.nav li{width: 1.6rem; margin-bottom: .2rem; position: relative;}
.nav a{display: block; width: 1.6rem; line-height: .56rem; color: #fff; font-size: .14rem; padding-left: .58rem;}
.nav ul li:nth-child(1) a{ background:url(@/assets/images/a2.png) no-repeat center center;background-size: 100% 100%;}
.nav ul li:nth-child(2) a{ background:url(@/assets/images/a3.png) no-repeat center center;background-size: 100% 100%;}
.nav ul li:nth-child(3) a{ background:url(@/assets/images/a4.png) no-repeat center center;background-size: 100% 100%;}
.nav ul li:nth-child(4) a{ background:url(@/assets/images/a5.png) no-repeat center center;background-size: 100% 100%;}
.nav li.cur:nth-child(1) {border-radius: .08rem; box-shadow: 0 5px 10px #2c3d42;}
.nav li.cur:nth-child(2) {border-radius: .08rem; box-shadow: 0 5px 10px #2c3851;}
.nav li.cur:nth-child(3) {border-radius: .08rem; box-shadow: 0 5px 10px #4a3448;}
.nav li.cur:nth-child(4) {border-radius: .08rem; box-shadow: 0 5px 10px #2c3851;}
.nav li.cur::after { content: ''; background: url(@/assets/images/actIcon.png) center no-repeat; width: .06rem; height: .13rem; position: absolute;
right: -.25rem; top: 50%; transform: translateY(-50%);}
.fhjt{padding-left: .43rem;font-size: .14rem; color: #fff;margin-top: .5rem;}
.fhjt img{display: inline-block;vertical-align: middle; margin: -0.04rem .1rem 0 0 ;width: .27rem;}
.jnsb_right{float: right; width: calc(100% - 2.15rem); padding: .25rem .25rem 0 .25rem;position: relative;}
.scjs{border-radius: .08rem;background: #223443;}
.scjs_top{padding: .1rem .3rem;border-bottom: 2px solid #1c303e;}
.scjs_top ul{overflow: hidden;}
.scjs_top li{float: left; width: 30%; font-size: .14rem; color: #fff;line-height: 1.5;}
.scjs_top ul li:nth-child(2){ width:40%;}
.scjs_top ul li:nth-child(5){ width:40%;}
.scjs_top ul li:nth-child(8){ width:40%;}
.scjs_bottom ul{text-align: center;}
.scjs_bottom li{display: inline-block; padding: 0 .32rem; line-height: .44rem; font-size: .14rem; color: #fff;}
.scjs_bottom span{display: inline-block; vertical-align: middle; margin: -0.04rem 0 0 .19rem; height: 0.06rem; background: #0f202e;border-radius: 0.03rem; width: 1.9rem; position: relative;}
.scjs_bottom b{position: absolute; height: 100%; left: 0; top: 0;border-radius: .03rem; background: #009cff;}
.scjs_bottom em{position: absolute; height: 100%; left: 0; top: 0;border-radius: .03rem; background: #00d59a;}

.kjrh{padding-top: .15rem;}
.hjrh_tp img{width: 100%;border-radius: .1rem;}
.kjrh ul{overflow: hidden; margin-left: -.3rem; padding-top: .2rem;}
.kjrh li{float: left; padding: 0 0 .15rem .3rem;}
.kjrh a{display: block; width: 1.6rem; height: .6rem;}
.kjrh ul li:nth-child(1) a{ background: url(@/assets/images/a8.png);background-size: 100% 100%;}
.kjrh ul li:nth-child(2) a{ background: url(@/assets/images/a9.png);background-size: 100% 100%;}
.kjrh ul li:nth-child(3) a{ background: url(@/assets/images/a10.png);background-size: 100% 100%;}
.kjrh ul li:nth-child(4) a{ background: url(@/assets/images/a11.png);background-size: 100% 100%;}
.kjrh ul li:nth-child(5) a{ background: url(@/assets/images/a12.png);background-size: 100% 100%;}
.kjrh ul li:nth-child(6) a{ background: url(@/assets/images/a13.png);background-size: 100% 100%;}
.hjrhtext{display: block; padding:.15rem 0 0 .62rem ;}
.hjrhtext h2{color: #fff; font-size: .14rem; margin-bottom: .06rem;line-height: 1;}
.hjrhtext p{font-size: .12rem; zoom: .9; color: rgba(255,255,255,.7);}

/*2*/
.sccp{overflow: hidden; }
.sccp_left{float: left; width: 2.85rem; padding-top: .9rem;}
.sccp_left li{padding: .1rem 0;}
.sccpbox{background: #22282f;border-radius: .1rem; padding: .15rem .15rem .26rem .15rem;}
.sccpbox dt{color: #fff; font-size:.12rem; line-height: .32rem;}
.my_protocol .input_agreement_protocol { appearance: none; -webkit-appearance: none;  outline: none;  display: none;  }
.my_protocol .input_agreement_protocol+span {cursor:pointer;width: .19rem;height: .19rem;border:1px solid #708291;display: inline-block;position: relative;border-radius:.06rem; vertical-align:middle; margin-bottom:.05rem; }
.my_protocol .input_agreement_protocol:checked+span {background-image: url(@/assets/images/d1.png) ; background-size:100% 100%;}
.trfl{position: absolute; right: 0;height: 100vh;  background-image: linear-gradient(to right, #1a222a , #0c131c); padding: .35rem .3rem 0 .3rem;top: 0;width: 4.7rem;}
.sccpnr{border-radius: .1rem; background-image: linear-gradient(to right, #1e2831 , #111a23);height: 1.54rem; margin-bottom: .16rem; padding: .15rem .2rem;}
.sccpnr h2{color:  #fff;font-size: .17rem;}
.sccpnr h2 img{display: inline-block;vertical-align: middle; margin: -0.04rem .1rem 0 0;width: .32rem;height: .32rem;border-radius: 50%;}
.sccpnr ul{padding-top: .15rem; overflow: hidden;}
.sccpnr li{float: left; width: 33.33%; line-height: 1.5; color: #fff;font-size: .14rem;}

.scxx{border-radius: .1rem; background-image: linear-gradient(to right, #1e2831 , #111a23);height: 2.6rem; margin-bottom: .16rem; padding: .15rem .2rem;}
.scxx h2{color:  #fff;font-size: .17rem;}
.scxx h2 img{display: inline-block;vertical-align: middle; margin: -0.04rem .1rem 0 0;width: .32rem;height: .32rem;border-radius: 50%;}
.btnxh ul{overflow: hidden; padding-top: .2rem;margin-left: -.15rem;}
.btnxh li{float: left; width: 33.33%; padding-left: .15rem;}
.btnxh a{display: block; text-align: center;border-radius: 0.08rem; color: #fff; line-height: .46rem; font-size: .16rem;}
.btnxh ul li:nth-child(1) a{ background-image: linear-gradient(to right, #00c9ff ,#0078ff);}
.btnxh ul li:nth-child(2) a{ background-image: linear-gradient(to right, #00ffa0 ,#00d07d);}
.btnxh ul li:nth-child(3) a{ background-image: linear-gradient(to right, #59b2ba ,#0098a7);}

/*3*/
.bdbf{padding-top: .2rem;}
.bdbf_title ul{overflow: hidden; padding-bottom: .14rem;}
.bdbf_title li{float: left; padding-right:.1rem;}
.bdbf_title img{width: .85rem;}
.bdbf_nr{background-image: linear-gradient(to right, #2f353a , #141a23);border-radius: .1rem;box-shadow:0 0 10px rgba(0, 0, 0, .1);overflow: hidden; }
.bdbf_bt{background-image: linear-gradient(to right, #283137 ,#0d1620);}
.bdbf_bt ul{overflow: hidden;}
.bdbf_bt li{float: left;width: 20%;text-align: center; line-height: .4rem; font-size: .14rem; color: #939597;}
.bdbf_box ul{overflow: hidden;padding: .17rem 0;}
.bdbf_box li{float: left; width: 20%; font-size: .14rem; color: #fff;text-align: center;line-height: .36rem;}
.wby1{width: 1.2rem; height: .36rem;border-radius: .1rem; padding: 0 .15rem;border: 1px solid #9cb5c8;line-height: .34rem; font-size: .14rem;color: #fff;}
.wby1::-webkit-input-placeholder{color:#fff;}
.bdbf_box b{padding: 0 .1rem;}

/*4*/
.wlaz_title{padding-bottom: .15rem;}
.wlaz_title ul{overflow: hidden;border-bottom: 1px solid #3f4851; }
.wlaz_title li{float: left; line-height: 3; font-size: .18rem; padding-right: .4rem;}
.wlaz_title span{display: block; cursor: pointer;color: #fff;position: relative;}
.wlaz_title span:before{position: absolute; content: ""; width: 0; height: 0.04rem; left: 0; bottom: 0;background-image: linear-gradient(to right, #00cdff , #0045ff);border-radius: 0.02rem;}
.wlaz_title li.cur span:before{width: 100%;}
.wlaz_nr{background: rgba(255,255,255,.03); padding: .25rem;border-radius: .1rem; min-height: 3.8rem;}
.xjabtn{ padding:.3rem 0;}
.xjabtn ul{overflow: hidden;}
.xjabtn li{float: left;}
.btn1{display: block; text-align: center; width: 1.25rem; line-height: .46rem;border-radius: .08rem; font-size: .15rem; color: #fff; background-image: linear-gradient(to right, #00c4ff , #0077ff);}
.btn2{display: block; text-align: center; width: 1rem; line-height: .46rem;border-radius: .08rem; font-size: .15rem; color: #fff; background-image: linear-gradient(to right, #00ff9c , #00d681);}
.btn3{display: block; text-align: center; width: 1rem; line-height: .46rem;border-radius: .08rem; font-size: .15rem; color: #fff; background-image: linear-gradient(to right, #4ab0b8 , #009daa);}
.xjabtn li:nth-child(2){ float: right; padding-left: .12rem;}
.xjabtn li:nth-child(3){ float: right; padding-left: .12rem;}
.wlazqh textarea { width: 100%; height: 100%; background: none; resize: none; font-size: .18rem; font-family: '微软雅黑'; color: #ffffff;}

.altReport { border-radius: .08rem; overflow: hidden;z-index: 10; background: #10181e; width: 6.9rem; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.altReport h2 { line-height: .6rem; text-indent: .28rem; color: #ffffff; font-size: .195rem; background: #19262f;}
.altReport ul {overflow: hidden; padding:.4rem .28rem .2rem;}
.altReport li { margin-bottom: .2rem; float: left; width: 48%; overflow: hidden;}
.altReport li:nth-child(2n) { float: right;}
.altReport li p { float: left; font-size: .15rem; color: #ffffff; line-height: .42rem;}
.altReport li input { border-radius: 4px; color: #ffffff; float: right; width: calc(100% - .85rem); background: #19262f; box-sizing: border-box; padding: 0 10px; font-size: .15rem;
height: .42rem; line-height: .42rem;}
.reportBtn { text-align: center; padding-bottom: .4rem;}
.reportBtn a { display: inline-block; margin: 0 .14rem; color: #ffffff; font-size: .16rem; width: 1.26rem; line-height: .46rem; border-radius: .046rem; background-image: linear-gradient(to right,#00c0ff,#016df2);}
.reportBtn a:nth-child(2n) { display: inline-block; width: 1.26rem; line-height: .46rem; background-image: linear-gradient(to right,#71b1b8,#0f95a4);}
#screen { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; background: rgba(0,0,0,0.5);}
.bindAlt { border-radius: .08rem; overflow: hidden; z-index: 10; background: #10181e; width: 6.9rem; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.bindAlt h2 { line-height: .6rem; text-indent: .28rem; color: #ffffff; font-size: .195rem; background: #19262f;}
.bindNotice { text-align: center; padding: .2rem 0 .4rem; font-size: .195rem; color: #ffffff;}
.bindNotice input { font-size: .195rem; color: #ffffff; text-align: center;}
.bindNotice input::-webkit-input-placeholder { color: #ffffff;}
.bindNotice img { margin-right: .08rem; display: inline-block; vertical-align: -.1rem; width: .36rem;}
.bindTable { border-radius: .12rem; overflow: hidden; width: 6.1rem; margin: 0 auto .35rem;}
.bindTable table { width: 100%; background: #131d24;}
.bindTable th { background: #19262f; width: 33.33%; text-align: center; font-weight: bold; font-size: .135rem; color: #accee6; line-height: .48rem;}
.bindTable td { height: .5rem;}

@media(max-width:1000px){



}
